<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
        <title>Leis de Iniciativa Popular</title>
        <link rel="stylesheet" type="text/css" href="css/css.css" media="screen"></link>
    </h:head>
    <h:body>
        <h:commandButton value="Criar Base de Dados" action="#{bancoBean.geraBanco}"></h:commandButton>

        <div class="esquerdaAbsoluta">
            <img src="images/logo.png" width="345" height="300" alt="Logomarca Leis de inciativa popular" />
            <div class="relatorio">
                4 - Leis Aprovadas <br />
                1 - Em tramita&ccedil;&atilde;o <br />
                3 - Em vota&ccedil;&atilde;o <br />
                <h2> 1.768.354 Votos </h2>
                Seja o pr&oacute;ximo brasileiro a mudar o Brasil!
            </div>
        </div>

        <div class="direitaAbsoluta">
            <div class="conteudoHome">
                <div class="quadroBrancoHome">
                    <h2>Como funciona esse portal?</h2>
                    <img src="images/banerComoFunciona.jpg" width="550" height="110" alt="Como funciona este portal?" title="Como funciona este portal?" /><br />

                    <h2>Em vota&ccedil;&atilde;o!</h2>
                    <input type="image" src="images/btnGrandeVotar.jpg" alt="Votar" title="Votar" align="left" class="btnVotar" /> Projeto de Lei que desobriga qualquer eleitor, de qualquer ra&ccedil;a, credo ou religi&atilde;o a votar no dia das elei&ccedil;&otilde;es, federais, estaduais ou municipais, durante qualquer prazo.
                </div>
                <h:form>
                    <table border="0" align="center" width="515" cellpadding="3" cellspacing="5" style="height: 293px;" class="tabelaCadastrese">
                        <tr>
                            <td width="100"></td>
                            <td colspan="5"><h1>Assine o termo</h1></td>
                        </tr>
                        <tr>
                            <td align="right">
                                <label for="email">E-mail:</label>
                            </td>
                            <td colspan="5">
                                <h:inputText value="#{usuarioBean.usuario.email}" style="width: 63%"></h:inputText>
                            </td>
                        </tr>
                        <tr>
                            <td align="right"><label for="senha">Senha:</label></td>
                            <td colspan="5">
                                <h:inputSecret value="#{usuarioBean.usuario.senha}" style="width: 96%"></h:inputSecret>
                            </td>
                        </tr>
                        <tr>
                            <td align="right"><label for="senha">Nome completo:</label></td>
                            <td colspan="5">
                                <h:inputText value="#{usuarioBean.usuario.nome}" style="width: 96%"></h:inputText>
                            </td>
                        </tr>
                        <tr>
                            <td align="right"><label for="endereco">Endere&ccedil;o:</label></td>
                            <td colspan="5">
                                 <h:inputText value="#{usuarioBean.usuario.endereco}" style="width: 96%"></h:inputText>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                <label for="titulo">T&iacute;tulo Eleitoral:</label>
                            </td>
                            <td>
                                <h:inputText value="#{usuarioBean.usuario.titulo}" style="width: 120px;"></h:inputText>
                            </td>
                            <td align="right"><label for="zona">Zona:</label></td>
                            <td>
                                <h:inputText value="#{usuarioBean.usuario.zona}" style="width: 20px;"></h:inputText>
                            </td>
                            <td align="right">
                                <label for="secao">Se&ccedil;&atilde;o:</label>
                            </td>
                            <td>
                                <h:inputText value="#{usuarioBean.usuario.secao}" style="width: 40px;"></h:inputText>
                            </td>
                        </tr>
                        <tr>
                            <td align="right"><label for="estado">Estado:</label></td>
                            <td>
                                <h:selectOneMenu id="estado" value="#{usuarioBean.usuario.estado}">
                                    <f:selectItems value="#{usuarioBean.estadoBo.listAll}" />
                                </h:selectOneMenu>
                            </td>
                            <td align="right"><label for="municipio">Munic.:</label></td>
                            <td colspan="3">
                                <select name="#{usuarioBean.usuario.municipio}" style="width: 94%">
                                    <option>Selecione...</option>
                                    <option value="Brasilia">Bras&iacute;lia</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="5" align="right">
                                <h:commandButton action="#{usuarioBean.cadastraUsuario}" image="images/btnCadastrese.gif" alt="Cadastre-se" title="Cadastre-se"></h:commandButton>
                            </td>
                        </tr>
                    </table>
                </h:form>
            </div>
        </div>
        <span class="rigth" style="padding-right:30px;">
            c Copyright 2010 - Todos os direitos reservados
        </span>
        <div class="rodape">

        </div>
    </h:body>
</html>

